<div class="right-content fl" xmlns:v-bind="http://www.w3.org/1999/xhtml">
    <div class="common-tip">
        <a href="javascript:void(0)" class="home">Home </a>/
        <router-link  :to="{ path: '/product/moModel', replace: true }" class="tip"> 模型模式 </router-link>/
        <a href="javascript:void(0)" class="tip"> {{modelData.modelName}} </a>
    </div>
    <div class="model-content bgff mt10">
        <div class="model-data fl" id="dataDemo1"></div>
        <div class="fl ml30 model-detail-intro">
            <p class="title">{{modelData.modelName}}</p>
            <p class="rating-star allstar00 mt15" v-if="evaluateData.commentScore==0">
                <span class="fen">{{evaluateData.commentScore}}分</span>
                <span class="fen">({{evaluateData.commentCount}}人评分)</span>
                <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar05 mt15" v-if="evaluateData.commentScore==0.5">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar10 mt15" v-if="evaluateData.commentScore==1">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar15 mt15" v-if="evaluateData.commentScore==1.5">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar20 mt15" v-if="evaluateData.commentScore==2">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar25 mt15" v-if="evaluateData.commentScore==2.5">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar30 mt15" v-if="evaluateData.commentScore==3">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar35 mt15" v-if="evaluateData.commentScore==3.5">
            <span class="fen">{{evaluateData.commentScore}}分</span>
            <span class="fen">({{evaluateData.commentCount}}人评分)</span>
            <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
          </p>
            <p class="rating-star allstar40 mt15" v-if="evaluateData.commentScore==4">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar45 mt15" v-if="evaluateData.commentScore==4.5">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
            <p class="rating-star allstar50 mt15" v-if="evaluateData.commentScore==5">
              <span class="fen">{{evaluateData.commentScore}}分</span>
              <span class="fen">({{evaluateData.commentCount}}人评分)</span>
              <router-link class="ml20" style="color: #0fa8e7" :to="{path:'modelEva',query: {modelId:modelData.id,modelName:modelData.modelName}}" v-if="evaluateData.evaluateType=='未评价'">评价</router-link>
            </p>
          <p class="mt15">
                <span class="fen">行业：{{modelData.industryName}}</span>
                <span class="fen ml10 mr10">|</span>
                <span class="fen">场景：{{modelData.sceneName}}</span>
            </p>
          <div class="mt30" v-if="SelType=='yes'" >
            <router-link :to="{path:'dataType',query: {modelId:modelData.id,modelName:modelData.modelName,modelPic:modelData.thumPic}}" class="use-model-link fl">使用模型</router-link>
            <div class="clear"></div>
          </div>
            <div class="mt30" v-if="SelType=='no'" >
              <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="model-pic bgff mt10" style="width:970px;">
        <div class="model-name">
            <span class="mr10">|</span>
            <span>{{modelData.model_name}}</span>
            <a href="javascript:void(0)" class="fr"  @click="chooseTab4" v-bind:class="{ 'active': isTab4}">审核结果</a>
            <a href="javascript:void(0)" class="fr"  @click="chooseTab3" v-bind:class="{ 'active': isTab3}">用户评论</a>
            <a href="javascript:void(0)" class="fr"  @click="chooseTab2" v-bind:class="{ 'active': isTab2}">涉及数据</a>
            <a href="javascript:void(0)" class="fr"  @click="chooseTab1" v-bind:class="{ 'active': isTab1}">模型介绍</a>

        </div>
        <div class="madel-tab" id="tab1" v-show="isTab1">
            <p class="fen" style="text-indent: 2rem">
                {{modelData.modelDesc}}
            </p>
            <div class="model-data-big margin-auto mt30" id="dataDemo2"></div>
        </div>
        <div class="madel-tab" id="tab2" v-show="isTab2">
            <table class="data-table" style="border: 1px solid #ddd;border-collapse: collapse;">
                <thead class="table-title">
                <tr><td width="30%">数据字段</td>
                    <td>描述</td>
                </tr></thead>
                <tbody>
                <tr v-for="(item, index) in dataModelList" v-if="dataModelList">
                    <td>
                        <span>{{item.fieldName}}</span>
                    </td>
                    <td>{{item.fieldDesc}}</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="madel-tab" id="tab3" v-show="isTab3">
            <ul class="comment-ul" v-if="evaluData.length==0">
              <li style="border-bottom: 0px">暂无评论</li>
            </ul>
            <ul class="comment-ul" v-else>
                <li v-for="(item, index) in evaluData">
                    <div class="left-img fl">
                        <img src="../../../images/tou.jpg" alt="" width="60" height="60">
                        <p class="text-center fb">{{item.evaluate_user}}</p>
                    </div>
                    <div class="right-comment fl">
                        <p class="rating-star allstar00" v-if="item.score==0">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar05" v-if="item.score==0.5">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar10" v-if="item.score==1">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar15" v-if="item.score==1.5">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar20" v-if="item.score==2">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar25" v-if="item.score==2.5">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar30" v-if="item.score==3">
                            <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar35" v-if="item.score==3.5">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar40" v-if="item.score==4">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar45" v-if="item.score==4.5">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="rating-star allstar50" v-if="item.score==5">
                          <span class="fen">{{item.score}}分</span>
                        </p>
                        <p class="mt10" style="word-break:break-all;word-wrap:normal;">
                          {{item.content}}
                        </p>
                        <p class="comment-time mt10">
                          {{item.createTime}}
                        </p>
                    </div>
                    <div class="clear"></div>
                </li>
            </ul>
        </div>
        <div class="madel-tab" id="tab4" v-show="isTab4">
          <p class="fen" style="text-indent: 2rem" v-if="modelData.stateName=='已发布'">
            系统已经审核通过，该模型可以使用！
          </p>
          <p class="fen" style="text-indent: 2rem" v-if="modelData.stateName=='审核未通过'">
            审核未通过，未通过的原因：{{modelData.noPassMsg}}
          </p>
          <p class="fen" style="text-indent: 2rem" v-if="modelData.stateName!='已发布' && modelData.stateName!='审核未通过'">
            该模型目前的状态为:{{modelData.stateName}}，系统还未进行审核！
          </p>
        </div>
    </div>
</div>
